<template>
  <view class="WithdrawalStatus">
    <!-- 提现到 -->
    <view class="Price">
      <view>提现到-工商银行(3456)</view>
      <view>500.52</view>
    </view>
    <!-- 当前状态 -->
    <view class="Status" v-if="0">
      <view class="upstatus">当前状态</view>
      <Stepsvertical :status="2" :StatusObj="StatusObj"></Stepsvertical>
    </view>
    <!-- 提现成功 -->
    <view class="Status" style="display: block" v-if="1">
      <view class="sucess">
        <image src="../../static/images/pulice/sucess.png" mode="scaleToFill" />
      </view>
      <view class="Withdrawal">提现成功</view>
    </view>

    <!-- 明细 -->
    <view class="Details">
      <view class="flex">
        <view>提现金额</view>
        <view>￥500.52</view>
      </view>
      <view class="flex">
        <view>申请时间</view>
        <view>2022-02-02 12:52:21</view>
      </view>
      <view class="flex">
        <view>到账时间</view>
        <view>2022-02-02 12:52:21</view>
      </view>
      <view class="flex">
        <view>提现银行</view>
        <view>工商银行</view>
      </view>
      <view class="flex">
        <view>提现单号</view>
        <view>1532014793004156210113300</view>
      </view>
    </view>
  </view>
</template>
<script setup lang="ts">
import { reactive } from "vue";
const StatusObj = reactive({
  imgs: {
    SucesAudit: "../../static/images/pulice/SucesAudit.png",
    UnderReview: "../../static/images/pulice/UnderReview.png",
    Beapproved: "../../static/images/pulice/Beapproved.png",
  },
  datas: {
    SucesAuditText: "发起提现",
    SucesAuditTime: "2023年3月18日10:20:35",
    UnderReviewText: "银行处理中",
    UnderReviewTime: "2023年3月18日10:20:35",
    BeapprovedText: "到账",
    BeapprovedTime: "2023年3月18日10:20:35",
  },
});
</script>
<style scoped lang="scss">
@import "../../static/css/BankCard/WithdrawalStatus.scss";
</style>
